<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>茶杯狐-观看历史</title>
    <link rel="shortcut icon" type="text/css" href="../icon/icon.png">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/history.css">
</head>

<body class="flex">
    <!-- 顶部栏 Start-->
    <div class="header">
        <div class="back">
            <span class="iconfont icon-back" onclick="window.history.go(-1)"></span>
            <a href="./home.html">
                <span class="iconfont icon-home"></span>
            </a>
        </div>
        <p>观看历史</p>
    </div>
    <!-- 顶部栏 end -->

    <!-- 内容部分 Start-->
    <div class="body">

        <!-- 广告部分 Start-->
        <div class="ad">
            <img src="../img/ad.png" alt="图片加载失败">
        </div>
        <!-- 广告部分 end -->

        <!-- 历史内容部分 Start-->
        <div class="content border-shadow">
            <div class="items">
                <div class="item">
                    <input type="checkbox" id="ft">
                    <label for="ft">
                        <i class="iconfont icon-delete"></i>
                    </label>
                    <div class="clear">
                        <h2>分手的决心</h2>
                        <div class="txt">
                            <div class="image">
                                <img src="../img/ft.png" alt="图片加载失败">
                            </div>
                            <span>饭团影视</span>
                            <p>几秒前</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <input type="checkbox" id="hd">
                    <label for="hd">
                        <i class="iconfont icon-delete"></i>
                    </label>
                    <div class="clear">
                        <h2>我是格鲁特</h2>
                        <div class="txt">
                            <div class="image">
                                <img src="../img/HD.png" alt="图片加载失败">
                            </div>
                            <span>HDmoli</span>
                            <p>1小时前</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <input type="checkbox" id="tx">
                    <label for="tx">
                        <i class="iconfont icon-delete"></i>
                    </label>
                    <div class="clear">
                        <h2>极限挑战</h2>
                        <div class="txt">
                            <div class="image">
                                <img src="../img/tx.png" alt="图片加载失败">
                            </div>
                            <span>腾讯视频</span>
                            <p>1小时前</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="load-message">┑(￣Д ￣)┍ 没有更多啦~</div>
        </div>
        <!-- 历史内容部分 end -->
    </div>
    <!-- 内容部分 end -->

    <!-- 底部栏部分 Start-->
    <div class="footer">
        <div class="item">
            <a href="./home.html">
                <span class="iconfont icon-home"></span>
                <p>首页</p>
            </a>
        </div>
        <div class="item">
            <a href="./movie.html">
                <span class="iconfont icon-explore"></span>
                <p>选片</p>
            </a>
        </div>
        <div class="item">
            <a href="support.html">
                <span class="iconfont icon-donate"></span>
                <p>发电</p>
            </a>
        </div>
        <div class="item active">
            <a href="./my.html">
                <span class="iconfont icon-my-active"></span>
                <p>我的</p>
            </a>
        </div>
    </div>
    <!-- 底部栏部分 end -->

</body>

</html>